<!--选择框-->
<template>
  <div class="select-item" >
    <p class="select-title">{{title}}</p>
    <el-select v-model="value" placeholder="请选择" :size="`mini`"  >
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
  </div>
</template>

<script lang="ts">
import { Vue, Component,Prop } from "vue-property-decorator";
export interface option{
    value:string,
    label:string
}

@Component({
    name:"SelectItem"
})
export default class extends Vue{
    @Prop()options!:Array<option>
    @Prop()title!:string
    value=""
    clearValue():void{
        this.value=""
    }
}
</script>

<style scoped>
.select-item {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.el-select {
  margin-left: 12px;
}
.select-title{
  font-weight: 700;
  color: #2d8cf0;
}
</style>